<template>
  <div>
    <Son/>
  </div>
</template>

<script>

import Son from "./components/Son";

export default {
  name: "App",
  data() {
    return {
      count: 1,
    };
  },
  components: {
    Son,
  },

  beforeCreate() {
    console.log("--------beforeCreate-----");
  },
  created() {
    console.log("------created--------");
  },

  beforeMount() {
    console.log("------beforeMount--------");
  },
  mounted() {
    console.log("--------mounted------");
  },
  beforeUpdate() {
    console.log("------beforeUpdate--------");
  },
  updated() {
    console.log("-----updated--------");
  },

  beforeDestroy() {
    console.log("-------beforeDestroy------");
  },
  destroyed() {
    console.log("------destroyed-------");
  },
};
</script>

<style>
</style>